<template>
	<view class="main">
		<view class="item" v-for="(item, index) in list" :key="index" @click="navToDetailPage(item)">
			<image class="item-img" :src="item.src" mode=""></image>
			{{item.text}}
		</view>
	</view>
</template>

<script>
	export default {
	  
		data(){
			return{
				list:[
					{
						src: "../../static/img/6/6-1.png",
						text: "京觅",
					},{
						src: "../../static/img/6/6-1.png",
						text: "京觅",
					},{
						src: "../../static/img/6/6-1.png",
						text: "京觅",
					},{
						src: "../../static/img/6/6-1.png",
						text: "京觅",
					},{
						src: "../../static/img/6/6-1.png",
						text: "京觅",
					},
				]
				
			}
		},
		methods:{
			navToDetailPage(item){
				//测试数据没有写id，用title代替
				let id = item.title;
				uni.navigateTo({
					url: `/pages/inner/brandManufacturer?id=${id}`
				})
			},
		}
	}
</script>

<style>
	.main{
		padding: 0 20upx;
	}
	.item{
		padding: 15upx 0;
		border-bottom: 1px solid #DEDEDE;
		font-size:28upx ;
	}
	.item-img{
		width:123upx;
		height:89upx;
		vertical-align: middle;
		margin-right: 10upx;
	}
</style>
